<template>
  <div class="events">
    <button type="button" @click.prevent="msg('item', $event)">test</button>
    <div class="parent" @click="parent">
      <p>asdasdasd</p>
      <p>asdasdasd</p>
      <p>asdasdasd</p>
      <div class="children" @click.stop="children">
        <p>12312312312</p>
        <p>12312312312</p>
        <p>12312312312</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // name: 'events'
  data() {
    return {};
  },
  methods: {
    msg(item1, item2) {
      window.console.log(Math.random(), item1, item2);
    },
    parent() {
      window.console.log("parent");
    },
    children() {
      window.console.log("children");
    }
  }
};
</script>

<style scoped>
h1 {
  color: #000;
}
</style>
